<template>
  <div class="panel-data">
    <div class="content">
      <el-form
        ref="form"
        class="prop-form"
        label-position="right"
        :model="form"
        :rules="rules"
        label-width="93px"
      >
        <panel-data
          ref="panelDataCommon"
          :config="config"
          :widget-instance-id="widgetInstanceId"
          :data-source-type-options="dataSourceTypeOptions"
          :dataForm="form"
          :show-negative-mapping="true"
          :is-aurora="isAurora"
        >
        </panel-data>
      </el-form>
    </div>
  </div>
</template>
<script>
import PanelData from '@/components/panel-data/panel-data-common';
import panelDataBase from '@/mixin/panel-data-base.js';

export default {
  name: 'BasicPiePanelData',
  components: { PanelData },
  mixins: [panelDataBase],
  props: ['config', 'widgetInstanceId', 'dataForm', 'dataSourceTypeOptions', 'isAurora'],
  data() {
    const form = JSON.parse(JSON.stringify(this.config.config.data));
    return {
      form,
    };
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>
<style lang="less" scoped></style>
